<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>页面</title>
    <link rel="stylesheet" href="./static/css/weui.min.css">
    <link rel="stylesheet" href="./static/css/jx.css">
</head>
<body>
<div class="page button js_show">
    <div class="page__hd">
            <div class="page__title">院外导航</div>
    </div>
    <div class="" style="height: 90%;width: 100%;">
        <div id="allmap" style="width: 100%;height: 100%;"></div>
    </div>
</div>
</body>
<script type="text/javascript" src="./static/js/weui.min.js"></script>
<script type="text/javascript" src="./static/js/zepto.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ttMHv7VTZ0IBP6I7QwPvKuspasYFNFi5"></script>
<script type="text/javascript">
    // 百度地图API功能
    $(function(){
        var map = new BMap.Map("allmap");
            	var point = new BMap.Point(112.59  ,28.12);
            	map.centerAndZoom(point,12);
        	    var top_left_navigation = new BMap.NavigationControl();  //左上角，添加默认缩放平移控件
        		map.addControl(top_left_navigation);
            	// 创建地址解析器实例
            	var myGeo = new BMap.Geocoder();
            	// 将地址解析结果显示在地图上,并调整地图视野
            	myGeo.getPoint("长沙市政府", function(point){
            		if (point) {
            			map.centerAndZoom(point, 16);
            			map.addOverlay(new BMap.Marker(point));
            		}else{
            		}
            	}, "长沙市");
    });

</script>
</html>

